<template>
  <el-dialog
    width="100%"
    top="0"
    :fullscreen="true" 
    :title="this.title"
     class="label_font"
    v-loading.fullscreen.lock="submitLoading"
    :element-loading-text="this.tip"
    :close-on-click-modal="false"
    :visible.sync="visible">
    <el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmit()" label-width="170px">

<el-row  >
      <el-col :span="12"   >
            <el-form-item label="抵押权人名称" prop="dyqrmc" class="label_font" >
              <el-input v-model="dataForm.dyqrmc" placeholder="抵押权人名称" disabled style="100%"></el-input>
            </el-form-item>
      </el-col>

      <el-col :span="12">
          <el-form-item label="抵押权人类型" prop="dyqrlx" class="label_font">
            <el-select v-model="dataForm.dyqrlx" placeholder="抵押权人类型" disabled style="width:100%" >
            </el-select>
          </el-form-item>
      </el-col>
    </el-row>

    <el-row>

      <el-col :span="12">
          <el-form-item label="抵押权人证件类型" prop="dyqrzjlx" class="label_font">
            <el-select v-model="dataForm.dyqrzjlx" placeholder="抵押权人证件类型" disabled style="width:100%" >
            </el-select>
          </el-form-item>
      </el-col>

      <el-col :span="12">
            <el-form-item label="抵押权人证件号码" prop="dyqrzjhm" class="label_font" >
              <el-input v-model="dataForm.dyqrzjhm" placeholder="抵押权人证件号码"  disabled style="100%"></el-input>
            </el-form-item>
      </el-col>

    </el-row>


    <el-row>
      <el-col :span="12">
          <el-form-item label="抵押人代理人名称" prop="dyrdlrmc" class="label_font">
            <el-input v-model="dataForm.dyrdlrmc" placeholder="抵押人代理人名称" disabled></el-input>
          </el-form-item>
      </el-col>
      <el-col :span="12">
          <el-form-item label="抵押人代理人类型" prop="dyrdlrlx" class="label_font">

            <el-select v-model="dataForm.dyrdlrlx" placeholder="抵押人代理人类型" disabled style="width:100%">
            </el-select>
          </el-form-item>
      </el-col>
    </el-row>

    <el-row>
      <el-col :span="12">
          <el-form-item label="抵押人代理人证件类型" prop="dyrdlrzjlx" class="label_font">
            <el-select v-model="dataForm.dyrdlrzjlx" placeholder="抵押人代理人证件类型" disabled style="width:100%">
            </el-select>
          </el-form-item>
      </el-col>
      <el-col :span="12">
          <el-form-item label="抵押人代理人证件号码" prop="dyrdlrzjhm" class="label_font">
            <el-input v-model="dataForm.dyrdlrzjhm" placeholder="抵押人代理人证件号码" disabled></el-input>
          </el-form-item>
      </el-col>
    </el-row>

    <el-row v-if="single">
      <el-col :span="12">

        <el-form-item label="地市" prop="seRegion">
          <el-select  @change="selectChanged" v-model="dataForm.seRegion" placeholder="区域" disabled style="width:100%">
              <el-option
                v-for="item in dataForm.seRegionList"
                :key="item.code"
                :label="item.name"
                :value="item.code">
              </el-option>
          </el-select>
        </el-form-item>
      </el-col>

      <el-col :span="12">
          <el-form-item label="区县" prop="region">
            <el-select v-model="dataForm.region" placeholder="区县" disabled style="width:100%">
                <el-option
                  v-for="item in dataForm.regionList"
                  :key="item.code"
                  :label="item.name"
                  :value="item.code">
                </el-option>
            </el-select>
          </el-form-item>
      </el-col>
    </el-row>




    <el-row v-if="!single">
      <el-col :span="12">
          <el-form-item label="不动产所属地市" prop="seRegion" class="label_font">
              <el-select   v-model="dataForm.seRegion" disabled
                placeholder="不动产所属地市" style="width:100%">

          </el-select>
          </el-form-item>
      </el-col>

      <el-col :span="12">
          <el-form-item label="不动产所属区县" prop="region" class="label_font">
            <el-select v-model="dataForm.region" placeholder="不动产所属区县" disabled style="width:100%">

            </el-select>
          </el-form-item>
      </el-col>
    </el-row>
  

    <el-row>
      <el-col :span="12">
          <el-form-item label="代理人电话" prop="dlrdh" class="label_font">
            <el-input v-model="dataForm.dlrdh" placeholder="代理人电话" disabled ></el-input>
          </el-form-item>
      </el-col>

              <el-col :span="12">
          <el-form-item label="预转本方式" prop="yzbfs" class="label_font">
            <el-select v-model="dataForm.yzbfs" placeholder="预转本方式" disabled style="width:100%">
                <el-option
                  v-for="item in dataForm.yzbTypeList"
                        :key="item.value"
                        :label="item.text"
                        :value="item.value">
                </el-option>
            </el-select>
          </el-form-item>
      </el-col>

    </el-row>    

   
    <el-row v-if="!single">

      <el-col :span="12" >
          <el-form-item label="关联类型" prop="gllx" class="label_font">
            <el-select v-model="dataForm.gllx" placeholder="关联类型" disabled style="width:100%">
            </el-select>
          </el-form-item>
      </el-col>

      <el-col :span="12">
          <el-form-item label="合并编码" prop="babsm" class="label_font">
            <el-input v-model="dataForm.babsm" placeholder="合并编码" disabled ></el-input>
          </el-form-item>
      </el-col>

    </el-row>

        <el-row>
      <el-col :span="12">
          <el-form-item label="债务人" prop="zwr" class="label_font">
            <el-input v-model="dataForm.zwr" placeholder="债务人" disabled></el-input>
          </el-form-item>
      </el-col>
      <el-col :span="12">
          <el-form-item label="债务履行开始日期" prop="zwbegintime" class="label_font">
            <el-date-picker v-model="dataForm.zwbegintime" placeholder="债务履行开始日期" disabled format="yyyy-MM-dd" value-format="yyyy-MM-dd" style="width:100%" ></el-date-picker>
          </el-form-item>
      </el-col>
    </el-row>

    <el-row>
      <el-col :span="12">
          <el-form-item label="主债权担保金额(万元)" prop="dbje" class="label_font">
            <el-input v-model="dataForm.dbje" placeholder="主债权担保金额(万元)" disabled
                oninput="value=value.replace(/[^\d.]/g,'')" ></el-input>
          </el-form-item>
      </el-col>

      <el-col :span="12">
          <el-form-item label="债务履行结束日期" prop="zwendtime" class="label_font">
            <el-date-picker v-model="dataForm.zwendtime" placeholder="债务履行开始日期" disabled format="yyyy-MM-dd" value-format="yyyy-MM-dd" style="width:100%" ></el-date-picker>
          </el-form-item>
      </el-col>

    </el-row>

    <el-row>
      <el-col :span="12">
        <el-form-item label="办理点" prop="site" class="label_font">
          <el-select v-model="dataForm.site" placeholder="办理点" style="width:100%" disabled>
                <el-option
                  v-for="item in dataForm.siteList"
                  :key="item.siteno"
                  :label="item.sitename"
                  :value="item.siteno">
                </el-option>
            </el-select>
        </el-form-item>
      </el-col>

      <el-col :span="12">
        <el-form-item label="领证方式" prop="gettype" class="label_font">
             <el-select v-model="dataForm.gettype" placeholder="领证方式" disabled style="width:100%">
                <el-option
                  :key="'3'"
                  :label="'电子证明'"
                  :value="'3'">
                </el-option>
            </el-select>
        </el-form-item>
      </el-col>

    </el-row>

        <el-row>

      <el-col :span="12">
        <el-form-item label="带抵押过户标识" prop="dyghbs" class="label_font">
             <el-select v-model="dataForm.dyghbs" disabled placeholder="带抵押过户标识" style="width:100%">
                        <el-option
                        v-for="item in dataForm.dyghList"
                        :key="item.value"
                        :label="item.text"
                        :value="item.value">
                        </el-option>
            </el-select>
        </el-form-item>
      </el-col>
 
            <el-col :span="12">
                    <el-form-item label="抵押担保范围" prop="dbfw" class="label_font">
                        <el-input v-model="dataForm.dbfw" placeholder="抵押担保范围" disabled></el-input>
                    </el-form-item>   
            </el-col>
   
    </el-row>

    <el-row v-if="!this.single">
      <el-col :span="12">
        <el-form-item label="附记" prop="fj" class="label_font">
              <el-input v-model="dataForm.fj" placeholder="附记" disabled></el-input>
        </el-form-item>
      </el-col>
    </el-row>

    <el-row v-if="this.single">
        <el-col :span="12">
            <el-form-item label="业务类型" prop="ywlx"  class="label_font"  :class="{ 'is-required': this.single}">
                <el-select v-model="dataForm.ywlx" placeholder="业务类型" style="width:100%" disabled >
                    <el-option
                      :key="'I5101001201102'"
                      :label="'预抵押首次登记'"
                      :value="'I5101001201102'">
                    </el-option>
                    <el-option
                        :key="'J5101001201102'"
                        :label="'预抵押变更登记'"
                        :value="'J5101001201102'">
                    </el-option>
                    <el-option
                        :key="'K5101001201102'"
                        :label="'预抵押转移登记'"
                        :value="'K5101001201102'">
                    </el-option>
                </el-select>
            </el-form-item>  
            </el-col>

                        <el-col :span="12">
              <el-form-item label="附记" prop="fj" class="label_font">
                    <el-input v-model="dataForm.fj" placeholder="附记" disabled ></el-input>
              </el-form-item>
            </el-col>
    </el-row>

    <el-row v-if="dataForm.ywlx == 'I5101001201102' && this.single">
      <el-col :span="12">
          <el-form-item label="预告登记业务件号" prop="relateywjh" class="label_font">
              <el-input v-model="dataForm.relateywjh" placeholder="已完成预告情况，需提供预告登记业务件号" disabled></el-input>
          </el-form-item>
      </el-col>
      <el-col :span="12">
          <el-form-item label="预告登记证明号" prop="relatedjzmh" class="label_font">
              <el-input v-model="dataForm.relatedjzmh" placeholder="已完成预告情况，需提供预告登记证明号" disabled ></el-input>
          </el-form-item>
      </el-col>      
    </el-row>

    <el-row v-if="(dataForm.ywlx == 'J5101001201102' || dataForm.ywlx == 'K5101001201102') && this.single" >
      <el-col :span="12">
          <el-form-item label="原预抵押业务号" prop="relateywjh" disabled class="label_font" :class="{ 'is-required': (dataForm.ywlx == 'J5101001201102' || dataForm.ywlx == 'K5101001201102') }">
              <el-input v-model="dataForm.relateywjh" placeholder="原预抵押业务号"  ></el-input>
          </el-form-item>
      </el-col>
      <el-col :span="12">
          <el-form-item label="原预抵押登记证明号" prop="relatedjzmh" disabled class="label_font" :class="{ 'is-required': (dataForm.ywlx == 'J5101001201102' || dataForm.ywlx == 'K5101001201102') }">
              <el-input v-model="dataForm.relatedjzmh" placeholder="原预抵押登记证明号" ></el-input>
          </el-form-item>
      </el-col>      
    </el-row>

    <el-row  >
      <el-col :span="12">
          <el-row align="center" justify="center" >
              <el-col :span="24">

                  <div class="xwbl cell_border">抵押权人询问笔录</div>
              </el-col>
          </el-row>
          <el-row>
                <el-col :span="12" class="xwbl_item cell_border">是否为真实意思表示 ？</el-col>
                <el-col :span="12" class="xwbl_item cell_border">
                                 <el-radio-group v-model="dataForm.left1" disabled>
               <el-radio label="1">是</el-radio>
               <el-radio label="0">否</el-radio>
             </el-radio-group>
                </el-col>
          </el-row>
                    <el-row>
                <el-col :span="12" class="xwbl_item cell_border_bottom">是否为共有房屋 ？</el-col>
                <el-col :span="12" class="xwbl_item cell_border_bottom">
                                 <el-radio-group v-model="dataForm.left2" disabled>
               <el-radio label="1">是</el-radio>
               <el-radio label="0">否</el-radio>
             </el-radio-group>
                </el-col>
          </el-row>



      </el-col>
      <el-col :span="12">
          <el-row>
              <el-col :span="24">

                  <div class="xwbl cell_border">抵押人询问笔录</div>
              </el-col>
          </el-row>
                    <el-row>
                <el-col :span="12" class="xwbl_item cell_border">是否为真实意思表示 ？</el-col>
                <el-col :span="12" class="xwbl_item cell_border">
                                 <el-radio-group v-model="dataForm.right1" disabled>
               <el-radio label="1">是</el-radio>
               <el-radio label="0">否</el-radio>
             </el-radio-group>
                </el-col>
          </el-row>


           <el-row>
                <el-col :span="12" class="xwbl_item cell_border_bottom">是否为共有房屋 ？</el-col>
                <el-col :span="12" class="xwbl_item cell_border_bottom">
                <el-radio-group v-model="dataForm.right2" disabled >
               <el-radio label="1">是</el-radio>
               <el-radio label="0">否</el-radio>
                    </el-radio-group>
                </el-col>
          </el-row>



      </el-col>
    </el-row>

        <el-row v-if="!this.single">
          <el-col :span="24">

    <el-table
      :data="dataForm.bdcxxList"
      border
      v-loading="dataListLoading"
      type="index"
      @selection-change="selectionChangeHandle"
      style="width: 100%;">




        <el-table-column
            prop="zl"
            header-align="center"
            align="center"

            label="不动产坐落">
        </el-table-column>

        <el-table-column
            prop="qxdm"
            header-align="center"

            align="center"
            label="不动产所属区域">

        </el-table-column>


        <el-table-column
            prop="mj"
            header-align="center"
            align="center"

            label="面积">
        </el-table-column>

        <el-table-column
            prop="purpose"
            header-align="center"
            align="center"
            label="用途">
        </el-table-column>

                <el-table-column
            prop="htbah"
            header-align="center"
            align="center"

            label="合同备案号">
        </el-table-column>

        <el-table-column
            prop="htlx"
            header-align="center"
            align="center"
            label="合同类型">
        </el-table-column>

        </el-table>


          </el-col>
        </el-row>

        <el-row v-if="!this.single">
          <el-col :span="24">

    <el-table
      :data="dyrList"
      border
      v-loading="dataListLoading"
      @selection-change="selectionChangeHandle"
      style="width: 100%;">

        <el-table-column
            prop="MC"
            header-align="center"

            align="center"
            label="抵押人名称">

        </el-table-column>

        <el-table-column
            prop="RYLX"
            header-align="center"
            align="center"
            label="抵押人类型">
            <template slot-scope="scope">
                <el-select  v-model="scope.row.RYLX" placeholder="请选择" disabled>
                    <el-option
                        v-for="item in dataForm.rylxList"
                        :key="item.value"
                        :label="item.text"
                        :value="item.value">
                    </el-option>
                </el-select>

            </template>
        </el-table-column>

        <el-table-column
            prop="ZJLB"
            header-align="center"
            align="center"
            label="抵押人证件类别">
            <template slot-scope="scope">
                <el-select  v-model="scope.row.ZJLB" placeholder="请选择" disabled>
                    <el-option
                        v-for="item in dataForm.idTypeList"
                        :key="item.value"
                        :label="item.text"
                        :value="item.value">
                    </el-option>
                </el-select>

            </template>
        </el-table-column>

        <el-table-column
            prop="ZJHM"
            header-align="center"
            align="center"
            label="抵押人证件号码">
        </el-table-column>

        </el-table>


          </el-col>
        </el-row>

 <el-row v-if="this.single && dataForm.relatedBdcxx.length > 0">
          <el-col :span="24">
    <el-table
      :data="dataForm.relatedBdcxx"
      border
      type="index"
      @selection-change="selectionChangeHandle"
      style="width: 100%;">

        <el-table-column
            prop="qxdm"
            header-align="center"
            align="center"
            label="不动产所属区域">

        </el-table-column>


        <el-table-column
            prop="htbah"
            header-align="center"
            align="center"
            label="合同备案号">
        </el-table-column>

        <el-table-column
            prop="htlx"
            header-align="center"
            align="center"
            label="合同类型">
            <template slot-scope="scope">
                <el-select  v-model="scope.row.htlx" placeholder="请选择">
                    <el-option
                        v-for="item in dataForm.contractTypeList"
                        :key="item.value"
                        :label="item.text"
                        :value="item.value">
                    </el-option>
                </el-select>
            </template>

        </el-table-column>



        </el-table>


          </el-col>
        </el-row>

  <el-row v-if="this.single && dyrList.length > 0">
          <el-col :span="24">

    <el-table
      :data="dyrList"
      border
      type="index"
      @selection-change="selectionChangeHandle"
      style="width: 100%;">

        <el-table-column
            prop="MC"
            header-align="center"

            align="center"
            label="抵押人名称">

        </el-table-column>

        <el-table-column
            prop="RYLX"
            header-align="center"
            align="center"
            label="抵押人类型">
            <template slot-scope="scope">
                <el-select  v-model="scope.row.RYLX" placeholder="请选择" disabled>
                    <el-option
                        v-for="item in dataForm.rylxList"
                        :key="item.value"
                        :label="item.text"
                        :value="item.value">
                    </el-option>
                </el-select>

            </template>
        </el-table-column>

        <el-table-column
            prop="ZJLB"
            header-align="center"
            align="center"
            label="抵押人证件类别">
            <template slot-scope="scope">
                <el-select  v-model="scope.row.ZJLB" placeholder="请选择" disabled>
                    <el-option
                        v-for="item in dataForm.idTypeList"
                        :key="item.value"
                        :label="item.text"
                        :value="item.value">
                    </el-option>
                </el-select>

            </template>
        </el-table-column>

        <el-table-column
            prop="ZJHM"
            header-align="center"
            align="center"
            label="抵押人证件号码">

        </el-table-column>



        </el-table>


          </el-col>
        </el-row>


<el-collapse accordion>
  <el-collapse-item>
    <template slot="title"  class="label_font"  >
     <font style="font-size:14px;">文件列表</font>
    </template>

<el-row >
    <el-table
      :data="fileList"
      border
      :header-cell-style="{color:'#333', fontSize:'14px',fontWeight:'bold'}"
      v-loading="dataListLoading"
      style="width: 100%;" >


      <el-table-column
        prop="yxdl"
        header-align="center"
        align="center"
        label="影像大类">
      </el-table-column>
      <el-table-column
        prop="ctype"
        header-align="center"
        align="center"
         width="200px"
        label="影像类别">
      </el-table-column>
      <el-table-column
        prop="fname"
        header-align="center"
        align="center"
        width="500px"
        label="影像文件">
      </el-table-column>
      <el-table-column
        prop="yxbabsm"
        header-align="center"
        align="center"
        label="影像备案标识码">
      </el-table-column>

    </el-table>
    </el-row>


  </el-collapse-item>

</el-collapse>


    </el-form>
    <span slot="footer" class="dialog-footer">

      <el-button @click="goback()">关闭</el-button>

    </span>
  </el-dialog>
</template>

<script>
  export default {
    data () {
    

      return {
        single:false,
        tip:'',
        options: [],
        htbaItems: [],
        loading: false,
        visible: false,
        url: '',
        title: '',
     
        dataListLoading: false,
        submitLoading: false,
        dyrList: [],
        fileList: [],
        seqno: 0,

        seRegion: '',
        region: '',

        dataForm: {
          seRegionList: [],
          regionList: [],
          dyqrlxdh: '',
          seqno: 0,
          dyqrmc: '',
          dyqrlx: '',
          dyqrzjlx: '',
          dyqrzjhm: '',
          dyrdlrmc: '',
          region: '',
          seRegion: '',

          dyrdlrlx: '',
          dyrdlrzjlx: '',

          dyrdlrzjhm: '',
          dlrdh: '',
          gllx: '',

          babsm: '',
          dbje: 0,

          zwr: '',
          rightagenttype: '个人',
          rightagentidtype: '身份证',
 
          zwbegintime: '',
          zwendtime: '',
          site: '',
          yzbfs: '',
          gettype: '',
          dyghbs: '',
          dbfw: '',

          left1: '',
          left2: '',
          left3: '',
          left4: '',    
          right1: '',
          right2: '',
          right3: '',
          right4: '',
          dyghList: [],
          idTypeList: [],
          rylxList: [],
          yzbTypeList: [],
          bdcxxList: [],
          relatedBdcxx:[],
          contractTypeList: [],
          contractno: '',
          ctype: '',

          ywlx: '',
          relateywjh: '',
          relatedjzmh: '',
          fj: ''
        },
        dataRule: {
          
        }
      }
    },
    methods: {
      init (id,  btype) {
        this.dataForm.gettype='3'
        this.dataForm.relatedBdcxx = []
        this.dyrList = []  
        this.single = false

        this.seqno = id
       
        if (!id || btype == '3'){
          this.single = true
        }
 


  
        this.visible = true

        this.title = '显示详情';

        this.$http({
          url: this.$http.adornUrl(`/bdc/bdcmortgregist/item/list`),
              method: 'get',
              params: this.$http.adornParams()
          }).then(({data}) => {
            if (data && data.code === 0) {
                this.dataForm.siteList = data.siteList
                this.dataForm.yzbTypeList = data.yzbTypeList
                this.dataForm.dyghList = data.dyghList
                this.dataForm.rylxList = data.rylxList
                this.dataForm.idTypeList = data.idTypeList
                this.dataForm.contractTypeList = data.contractTypeList
            }
        })

        this.$nextTick(() => {
            this.$refs['dataForm'].resetFields()
      
            this.dataListLoading = true;
            if (this.single){
                this.$http({
                  url: this.$http.adornUrl(`/bdc/bdcmortgregist/sitem/list`),
                      method: 'get',
                      params: this.$http.adornParams()
                  }).then(({data}) => {
                    if (data && data.code === 0) {
                        this.dataForm.seRegionList = data.regionList
                        this.dataForm.dyqrmc = data.dyqrmc
                        this.dataForm.dyqrlxdh = data.dyqrlxdh
                        this.dataForm.dyqrlx = '单位';
                        this.dataForm.dyqrzjlx = '统一社会信用代码';
                        this.dataForm.dyqrzjhm = data.uscc
        
                    }
                })
                this.dataForm.dyrdlrlx = '个人'
                this.dataForm.dyrdlrzjlx = '身份证'
                this.dataForm.dbfw = '详见合同'
            }
          
      
                this.$http({
                  url: this.$http.adornUrl(`/bdc/bdcmortgregist/info/${this.seqno}`),
                  method: 'get',
                  params: this.$http.adornParams()
                }).then(({data}) => {
                  if (data && data.code === 0) {
                  if (data.bdcList){
                    this.dataForm.relatedBdcxx = data.bdcList  
                  }
                  
                  this.dyrList = data.dyrList
                  if (data.bdcxxList){
                      this.dataForm.bdcxxList = data.bdcxxList
                  }
                  this.fileList = data.fileList
                  this.dataForm.fj = data.bdcMortgregist.fj

                  this.dataForm.seRegion = this.single ? data.bdcMortgregist.seRegion : data.seRegionName
                  this.dataForm.region = this.single ? data.bdcMortgregist.region : data.regionName
                  this.seRegion = data.bdcMortgregist.seRegion
                  this.region = data.bdcMortgregist.region

                  this.dataForm.dyqrmc = data.dyqrmc
                  this.dataForm.dyqrlxdh = data.dyqrlxdh
                  this.dataForm.dyqrlx = '单位';
                  this.dataForm.dyqrzjlx = '统一社会信用代码';
                  this.dataForm.dyqrzjhm = data.uscc

                  this.dataForm.dyrdlrmc = data.dyrdlr.MC
                  if (data.dyrdlr.RYLX){
                    this.dataForm.dyrdlrlx = data.dyrdlr.RYLX
                  }
                  else{
                     this.dataForm.dyrdlrlx = '个人'
                  }
                  if (data.dyrdlr.ZJLB){
                     this.dataForm.dyrdlrzjlx = data.dyrdlr.ZJLB
                  }else{
                     this.dataForm.dyrdlrzjlx = '身份证'
                  }
                 
                  this.dataForm.dyrdlrzjhm = data.dyrdlr.ZJHM
                  this.dataForm.dlrdh = data.dyrdlr.LXDH

                  this.dataForm.gllx = '预抵和预告合并办理'
                  this.dataForm.babsm = data.bdcMortgregist.babsm
                  this.dataForm.site = data.bdcMortgregist.bld
                

                  this.dataForm.zwr = data.zwr

                  this.dataForm.left1 = data.dyqrXwbl.SFYYZS
                  this.dataForm.left2 = data.dyqrXwbl.SFGY
                  this.dataForm.right1 = data.dyrXwbl.SFYYZS
                  this.dataForm.right2 = data.dyrXwbl.SFGY
                  // this.dataForm.contractno = data.htba.HTBAH
                  // this.dataForm.ctype = data.htba.HTLX

                  this.dataForm.dbje = data.bdcMortgregist.bdbzqse
          
                  this.dataForm.zwbegintime = data.bdcMortgregist.zwlxqssj
                  this.dataForm.zwendtime = data.bdcMortgregist.zwlxjssj
                  this.dataForm.yzbfs = data.bdcMortgregist.iszzyzb
                  this.dataForm.dyghbs = data.bdcMortgregist.isdygh
                  this.dataForm.dbfw = data.bdcMortgregist.dbfw
                  this.dataForm.ywlx = data.bdcMortgregist.ywlx
                  this.dataForm.relateywjh = data.bdcMortgregist.ydywjh
                  this.dataForm.relatedjzmh = data.bdcMortgregist.ydbdcdjzmh

                         

                  }
                  this.dataListLoading = false;
                })
            
            
          
        })
      },
      // 多选
      selectionChangeHandle (val) {
        this.dataListSelections = val
      },
      selectChanged(value){
          this.dataForm.region = '';
          this.$http({
          url: this.$http.adornUrl(`/sys/bdcregion/listByLevle`),
              method: 'get',
              params: this.$http.adornParams({'upregion':value})
          }).then(({data}) => {
            if (data && data.code === 0) {
              this.dataForm.regionList = data.list
            }
        })
      },


      goback(){
          this.visible = false
          this.$emit('refreshDataList')
      }


    }
  }

</script>
<style>
.el-input.is-disabled .el-input__inner {
    background-color: #f5f7fa;
    border-color: #e4e7ed;
    color: #313b50;
    cursor: not-allowed;
}
</style>